{
    "detail": {
        "width": 1463.05,
        "height": 936,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "场地环境弹窗",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "图片",
            "name": "图片",
            "icon": "icon-img",
            "img": "img/assets/img.png",
            "top": 49.74,
            "left": -3.34,
            "dataType": 0,
            "data": {
                "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 1442.5,
                "height": 21.61,
                "name": "img",
                "prop": "img"
            },
            "option": {
                "duration": "1000",
                "opacity": 0
            },
            "index": "18e00513-463d-4a92-a579-d7b22992a972",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 15
        },
        {
            "title": "文本框",
            "name": "场地环境",
            "icon": "icon-text",
            "img": "img/assets/text.png",
            "dataType": 0,
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "child": {
                "index": [],
                "paramList": []
            },
            "data": {
                "value": "场地环境"
            },
            "component": {
                "width": 237.7,
                "height": 40,
                "name": "text",
                "prop": "text"
            },
            "option": {
                "textAlign": "left",
                "fontSize": 34,
                "fontWeight": "normal",
                "color": "#fff"
            },
            "left": 4.779999999999987,
            "top": 2.66,
            "index": "0e09eaf3-4e7f-4328-89fa-be6002b09a2e",
            "zIndex": 14,
            "display": false
        },
        {
            "name": "TAB组件",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 846.11,
                "height": 43.01,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div>\n    <div\n      v-for=\"item in data\"\n      @click=\"tabClick(item)\"\n      :class=\"[selectValue == item.value ? 'tabClassSelect' : 'tabClass']\"\n      :key=\"item.name\"\n    >\n      {{ item.name }}\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      data: [\n        { name: '视频监控', value: 'video' },\n        { name: '扬尘噪声', value: 'noise' },\n        { name: '用水监测', value: 'water' },\n        { name: '用电监测', value: 'electricity' },\n        { name: 'AI分析', value: 'AI' },\n        { name: '基坑监测', value: 'baseView' }\n      ],\n      selectValue: 'video'\n    };\n  },\n  created() {\n    this.selectValue = 'video';\n  },\n  mounted() {\n    let refs = this.$parent.getItemRefs();\n           refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(false);\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(true);\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(true);\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(true);\n        refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(true);\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(true);\n  },\n  methods: {\n    tabClick(record) {\n      let refs = this.$parent.getItemRefs();\n      this.selectValue = record.value;\n      if (record.value == 'video') {\n        refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(false);\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(true);\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(true);\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(true);\n        refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(true);\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(true);\n      } else if (record.value == 'noise') {\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(false);\n        refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(true);\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(true);\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(true);\n         refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(true);\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(true);\n      } else if (record.value == 'water') {\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(false);\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(true);\n        refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(true);\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(true);\n         refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(true);\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(true);\n      } else if (record.value == 'electricity') {\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(false);\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(true);\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(true);\n        refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(true);\n        refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(true);\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(true);\n      } else if (record.value == 'AI') {\n        refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(false);\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(true);\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(true);\n        refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(true);\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(true);\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(true);\n      } else if (record.value == 'baseView') {\n        refs['2c813534-3e9c-45bc-9d83-2fc4eb4f782e'].setDisplay(false);\n        refs['5ffa96ba-157d-4da2-938f-560475fbeb28'].setDisplay(true);\n        refs['23119573-f338-4eb8-8e4e-03590181be86'].setDisplay(true);\n        refs['db0fe2b0-ef09-4790-85fe-958b9252d400'].setDisplay(true);\n        refs['782bb465-96c2-4022-b100-3c1f19a80b3e'].setDisplay(true);\n        refs['3f1167e4-4f17-4cd6-8908-4df3bd4bacf6'].setDisplay(true);\n      }\n      // if(record.value=='yang'){\n      //  refs['ad5986a9-2f79-470a-8a39-340dc916c2e1'].setDisplay(true)\n      //  refs['41ae471e-562b-4e17-8e80-f5e8debad272'].setDisplay(false)\n      //  refs['b284da27-edb0-4839-8cde-cf5fd6e935c5'].setDisplay(false)\n      // }else{\n      // refs['ad5986a9-2f79-470a-8a39-340dc916c2e1'].setDisplay(false)\n      //  refs['41ae471e-562b-4e17-8e80-f5e8debad272'].setDisplay(true)\n      // }\n      this.$emit('click');\n    }\n  }\n};\n</script>\n\n<style>\n.tabClassSelect {\n  display: block;\n  margin-left: 26px;\n  width: 111px;\n  background: linear-gradient(180deg, #00d7f8 0%, #009be2 44%, #4015ff 100%);\n  height: 43px;\n  line-height: 40px;\n\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 24px;\n  display: block;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n.tabClass {\n  display: block;\n  margin-left: 26px;\n  width: 111px;\n  height: 43px;\n  line-height: 40px;\n  background: transparent;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 24px;\n  display: block;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n</style>\n"
            },
            "left": 522.12,
            "top": 2.75,
            "index": "1d5412a1-2bd6-49a2-8a2c-5b81c1653fe8",
            "child": {
                "index": [
                    "d03cdc64-19e0-4b09-8751-0ddd09892cbe"
                ],
                "paramList": []
            },
            "zIndex": 13,
            "display": false,
            "lock": false
        },
        {
            "title": "图片",
            "name": "图片",
            "icon": "icon-img",
            "img": "img/assets/img.png",
            "top": 114.68,
            "left": 293.26,
            "dataType": 0,
            "data": {
                "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 1395.27,
                "height": 11.81,
                "name": "img",
                "prop": "img",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "duration": "1000",
                "opacity": 0
            },
            "index": "e7574803-c4dc-4f47-827b-57ca87ee64b6",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 12,
            "display": true
        },
        {
            "title": "文件夹",
            "name": "视频监控",
            "index": "782bb465-96c2-4022-b100-3c1f19a80b3e",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 77.89,
                    "left": -11.54,
                    "component": {
                        "width": 1463.97,
                        "height": 841.2,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/225"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "498882e8-5bd9-417e-819c-e4499261e59f",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 10,
                    "display": false
                }
            ],
            "zIndex": 11,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "扬尘噪声",
            "index": "db0fe2b0-ef09-4790-85fe-958b9252d400",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 62.89,
                    "left": 0.01,
                    "component": {
                        "width": 1433.24,
                        "height": 808.56,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/226"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "4f2c1d70-edf0-4e95-8750-1588126282a9",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 8,
                    "display": true
                }
            ],
            "zIndex": 9,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "用水监测",
            "index": "23119573-f338-4eb8-8e4e-03590181be86",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 71.39,
                    "left": 1.7,
                    "component": {
                        "width": 1433.24,
                        "height": 808.56,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/224"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "d476ddf7-4bbe-4a3b-9e31-01490cc9d276",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "display": true
                }
            ],
            "zIndex": 7,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "用电监测",
            "index": "3f1167e4-4f17-4cd6-8908-4df3bd4bacf6",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 81.58,
                    "left": 10.2,
                    "component": {
                        "width": 1434.91,
                        "height": 803.49,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe"
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/227"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "9fa9be80-302f-42a0-87f0-69e32c4c9b77",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                }
            ],
            "zIndex": 5,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "AI分析",
            "index": "5ffa96ba-157d-4da2-938f-560475fbeb28",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 81.59,
                    "left": 1.7,
                    "component": {
                        "width": 1436.64,
                        "height": 801.77,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/228"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "4a5e2a52-ca5a-45e4-ae59-37d7eeb2f816",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 3,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "基抗监测",
            "index": "2c813534-3e9c-45bc-9d83-2fc4eb4f782e",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 90.04,
                    "left": -11.66,
                    "component": {
                        "width": 1466.88,
                        "height": 844.15,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe"
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/229"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "13cb8939-6e67-428f-802b-35195cd26f5c",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0,
                    "display": true
                }
            ],
            "zIndex": 1,
            "child": {},
            "isname": false
        }
    ]
}